<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:py="http://genshi.edgewall.org/"
      xmlns:xi="http://www.w3.org/2001/XInclude">

<xi:include href="master.html" />

<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type" py:replace="''"/>
    <title>Your Profile</title>
    <link rel="stylesheet" type="text/css" media="screen" href="${tg.url('/static/css/style.css')}" />
    <link rel="stylesheet" type="text/css" media="screen" href="/js/themes/steel/grid.css" />
</head>

<body>
  <div id="tabs">
				<ul>
					<li><a href="#tabs-1">Details</a></li>
					<li><a href="${tg.url('/profile/equipment')}">Equipment</a></li>
					<li><a href="#tabs-3">Warranty</a></li>
					<li><a href="#tabs-4">Medical</a></li>
					<li><a href="#tabs-5">Education</a></li>
					<li><a href="#tabs-6">Dive permissions</a></li>
				</ul>
				<div id="tabs-1" style="height: 350px">
					<py:if test="defined('diver')">
   			<table>
   			<div style="float: right;text-align: center;">
   			<img src="/images/user4_big.png" style="width:300px;height: 300px" ></img>
   			<div>change</div>
   			</div>
   			<tr><td>
   			Firstname:</td><td> ${diver.firstname}</td>
   			</tr><tr><td>
   			middlename:</td><td> ${diver.middlename}</td>
   			</tr><tr><td>
   			lastname:</td><td>${diver.lastname}</td>
   			</tr><tr><td>
   			title: </td><td> ${diver.title}</td>
   			</tr><tr><td>
   			sex: </td><td>${diver.sex}</td>
   			</tr><tr><td>
   			birthdate: </td><td>${diver.birthdate}</td>
   			</tr><tr><td>
   			passport:</td><td>${diver.passport}</td>
   			</tr>
   			</table>
    		<a href="${tg.url('/profile/edit')}">edit</a>
  </py:if>
					
					
					
				
				
				
				
				
				
				
				</div>
				<div id="tabs-3">will be done in version 0.6</div>
				<div id="tabs-4">will be done in version 0.6</div>
				<div id="tabs-5">will be done in version 0.6</div>
				<div id="tabs-6">will be done in version 0.6</div>
				
			</div>
			<script type="text/javascript">
			$('#tabs').tabs();
			</script>
</body>
</html>
